<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="cache-control" content="no-cache,no-store, must-revalidate"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <title th:text="${pageTitle}"></title>
    <link rel="stylesheet" th:href="@{/node_modules/element-ui/lib/theme-chalk/index.css}">
    <link rel="stylesheet" th:href="@{/css/layout.css}">
    <style>
        .el-menu--collapse > a > .el-menu-item span {
            height: 0;
            width: 0;
            overflow: hidden;
            visibility: hidden;
            display: inline-block;
        }

        .siderbar > .el-menu > .el-submenu {
            border-bottom: 0.5px solid #f1eded;
        }
        .siderbar a{
            display: block;
        }

        .siderbar .el-menu > .el-submenu > .el-menu {
            padding-left: 3px;
        }
        .siderbar  .rule-height .el-menu .el-icon-document{
            font-size: 14px;
            width: 10px;
        }
        .siderbar  .rule-height .el-menu .el-icon-message{
            font-size: 14px;
            width: 10px;
        }
        /*.siderbar .el-menu > .el-submenu >  {*/
            /*padding-left: 20px;*/
        /*}*/
        .el-menu-item.is-active {
            color: #409EFF;
            background-color: #f1f5f7;
            border-right: 2px solid #409eff;
        }

        .rule-height .el-menu-item{
            line-height:30px;
            height:30px;

        }
        .rule-height ul .el-submenu__title{
            line-height:30px;
            height:28px;
        }

        .logo-wrapper,.logo-wrapper2 {
            background-color: #5282f1;
            height: 60px;
            line-height: 60px;
        }

        .wrapper-header{
            position:fixed;
            z-index: 100;
        }

        .ec-myself{
            margin-top:60px;
        }
    </style>
</head>
<body th:fragment="layout-fragement">
<el-container class="wrapper" id="app" v-cloak>
    <el-container>
        <el-header class="wrapper-header" style="text-align:center;padding: 0;">
            <el-col style="max-width:200px">
                <div class="logo-wrapper" style="display:block;width:100px;background-color: #6c91ff; ">
                    <!--<div style="font-style: italic;font-size:20px; height: 30px; line-height: 30px">C-->
                        <!--<span class="special-color" style="font-style: italic">L</span>-->
                        <!--PS-->
                    <!--</div>-->
                    <!--<div> <img src="/images/logo.png" width="82px" height="37px" style="float:left;margin-left: 28px;margin-top:3px"></div>-->
                    <!--<div style="font-size:12px;height:20px;line-height: 20px;margin-left:42px">RRCMS</div>-->
                    <!--<div style="font-size:14px;height:20px;line-height: 20px">规章制度管理系统</div>-->
                </div>
            </el-col>
            <!--<el-col style="width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px)">-->
                    <!--<span style="color: #fff;">emite项目管理系统</span>-->
            <el-col style="width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px)">
                <span style="color: #fff;">欢迎使用会议室预定管理系统</span>
                    <el-menu default-active="2" class="header-user" mode="horizontal">

                        <el-submenu index="2">
                            <template slot="title" th:text="${session.userSession.username}"></template>
                            <a href="/updatepassword">
                                <el-menu-item index="1-1" style="text-align: center">修改密码</el-menu-item>
                            </a>
                            <!--<a href="/accessfilelog">-->
                            <!--<el-menu-item index="1-1" style="text-align: center">浏览记录</el-menu-item>-->
                            <!--</a>-->
                            <el-menu-item index="1-3" @click="openChangeSiderWidth" style="text-align: center">设置菜单宽度</el-menu-item>

                            <a href="/logout">
                                <el-menu-item index="1-2" style="text-align: center">退出</el-menu-item>
                            </a>
                        </el-submenu>
                    </el-menu>

                </el-col>
        </el-header>
        <el-container class="ec-myself">
            <el-aside id="siderbar" class="siderbar" :style="isCollapse?'width:65px':'width:auto;max-width:'+siderbarWidth+'%'" >
                <el-menu :default-active="defaultIndex" :collapse="isCollapse">

                    <a href="/index" >
                        <el-menu-item index="1" style="border-bottom:0.5px solid #f1eded;" >
                            <i class="el-icon-location"></i>
                            <span >首页</span>
                        </el-menu-item>
                    </a>

                    <a href="/regulation/search" >
                        <el-menu-item index="-1" style="border-bottom:0.5px solid #f1eded;" >
                            <i class="el-icon-search"></i>
                            <span >进度搜索</span>
                        </el-menu-item>
                    </a>



                    <template v-for="menu in menus">
                        <a :href="menu.url">
                            <el-menu-item :index="''+menu.id" v-if="!menu.children&&menu.id!=12&&menu.id!=13" style="border-bottom:0.5px solid #f1eded;">
                                <i :class="menu.icon"></i>
                                <span>{{menu.name}}</span>
                            </el-menu-item>
                        </a>


                        <el-submenu index="9999" title="menu.label"  class="rule-height" v-if="menu.id==12&&menu.show">
                            <template slot="title">
                                <i class="el-icon-tickets"></i>
                                <span>{{menu.label}}</span>
                            </template>
                            <template v-for="regMenu in regulationMenus" >
                                <template v-if="!regMenu.children">
                                    <a :href="'/regulation/detail/'+regMenu.id"  v-if="regMenu.type==1">
                                        <el-menu-item :index="'9999-'+regMenu.id" >
                                            <i :class="regMenu.icon"></i>{{regMenu.name}}
                                        </el-menu-item>
                                    </a>
                                    <el-menu-item :index="'9999-'+regMenu.id"   v-if="regMenu.type==0" >
                                        {{regMenu.name}}
                                    </el-menu-item>
                                </template>


                                <el-submenu :index="'9999-'+regMenu.id" v-if="regMenu.children">
                                    <template slot="title" ><i class="el-icon-message"></i>{{regMenu.name}}</template>
                                    <template v-for="subMenu in regMenu.children">
                                        <template  v-if="!subMenu.children">
                                            <a :href="'/regulation/detail/'+subMenu.id" v-if="subMenu.type==1">
                                                <el-menu-item :index="'9999-'+regMenu.id+'-'+subMenu.id">
                                                    <i :class="subMenu.icon"></i>{{subMenu.name}}
                                                </el-menu-item>
                                            </a>
                                            <el-menu-item :index="'9999-'+regMenu.id+'-'+subMenu.id" v-if="subMenu.type==0">
                                                <i class="el-icon-message"></i>{{subMenu.name}}
                                            </el-menu-item>

                                        </template>



                                        <el-submenu v-if="subMenu.children" :index="'9999-'+regMenu.id+''+subMenu.id">
                                            <template slot="title"><i class="el-icon-message"></i>{{subMenu.name}}</template>
                                            <template v-for="subMenu2 in subMenu.children">
                                                <template  v-if="!subMenu2.children">
                                                    <a :href="'/regulation/detail/'+subMenu2.id"  v-if="subMenu2.type==1">
                                                        <el-menu-item :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id" >
                                                            <i :class="subMenu2.icon"></i>
                                                            {{subMenu2.name}}
                                                        </el-menu-item>
                                                    </a>
                                                    <el-menu-item :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id"  v-if="subMenu2.type==0">
                                                        <i class="el-icon-message"></i>{{subMenu2.name}}
                                                    </el-menu-item>
                                                </template>

                                                <el-submenu v-if="subMenu2.children"  :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id">
                                                    <template slot="title"><i class="el-icon-message"></i>{{subMenu2.name}}</template>
                                                    <template v-for="subMenu3 in subMenu2.children">
                                                        <template v-if="!subMenu3.children">
                                                            <a :href="'/regulation/detail/'+subMenu3.id"  v-if="subMenu3.type==1">
                                                                <el-menu-item :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id+'-'+subMenu3.id">
                                                                    <i :class="subMenu3.icon"></i>{{subMenu3.name}}
                                                                </el-menu-item>
                                                            </a>
                                                            <el-menu-item :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id+'-'+subMenu3.id" v-if="subMenu3.type==0">
                                                                <i class="el-icon-message"></i>{{subMenu3.name}}
                                                            </el-menu-item>
                                                        </template>


                                                        <el-submenu v-if="subMenu3.children" :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id+'-'+subMenu3.id">
                                                            <template slot="title"><i class="el-icon-message"></i>{{subMenu3.name}}</template>
                                                            <template v-for="subMenu4 in subMenu3.children">
                                                                <template v-if="!subMenu4.children">
                                                                    <a :href="'/regulation/detail/'+subMenu4.id"  v-if="subMenu4.type==1">
                                                                        <el-menu-item :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id+'-'+subMenu3.id+'-'+subMenu4.id">
                                                                            <i :class="subMenu4.icon"></i>{{subMenu4.name}}
                                                                        </el-menu-item>
                                                                    </a>

                                                                    <el-menu-item :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id+'-'+subMenu3.id+'-'+subMenu4.id" v-if="subMenu4.type==0">
                                                                        <i class="el-icon-message"></i>{{subMenu4.name}}
                                                                    </el-menu-item>
                                                                </template>

                                                                <el-submenu v-if="subMenu4.children"
                                                                            :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id+'-'+subMenu3.id+'-'+subMenu4.id">
                                                                    <template slot="title"><i class="el-icon-message"></i>{{subMenu4.name}}</template>
                                                                    <template v-for="subMenu5 in subMenu4.children">
                                                                        <template  v-if="!subMenu5.children">
                                                                            <a :href="'/regulation/detail/'+subMenu5.id" v-if="subMenu5.type==1">
                                                                                <el-menu-item :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id+'-'+subMenu3.id+'-'+subMenu4.id+'-'+subMenu5.id">
                                                                                    <i :class="subMenu5.icon"></i>{{subMenu5.name}}
                                                                                </el-menu-item>
                                                                            </a>
                                                                            <el-menu-item :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id+'-'+subMenu3.id+'-'+subMenu4.id+'-'+subMenu5.id" v-if="subMenu5.type==0">
                                                                                <i class="el-icon-message"></i>{{subMenu5.name}}
                                                                            </el-menu-item>
                                                                        </template>
                                                                        <el-submenu v-if="subMenu5.children"
                                                                                    :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id+'-'+subMenu3.id+'-'+subMenu4.id+'-'+subMenu5.id">
                                                                            <template slot="title"><i class="el-icon-message"></i>{{subMenu5.name}}</template>
                                                                            <template v-for="subMenu6 in subMenu5.children">
                                                                                <template v-if="!subMenu6.children">
                                                                                    <a :href="'/regulation/detail/'+subMenu6.id" v-if="subMenu6.type==1">
                                                                                        <el-menu-item :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id+'-'+subMenu3.id+'-'+subMenu4.id+'-'+subMenu5.id+'-'+subMenu6.id">
                                                                                            <i :class="subMenu6.icon"></i>{{subMenu6.name}}
                                                                                        </el-menu-item>
                                                                                    </a>
                                                                                    <el-menu-item :index="'9999-'+regMenu.id+'-'+subMenu.id+'-'+subMenu2.id+'-'+subMenu3.id+'-'+subMenu4.id+'-'+subMenu5.id+'-'+subMenu6.id" v-if="subMenu6.type==0">
                                                                                        <i class="el-icon-message"></i>{{subMenu6.name}}
                                                                                    </el-menu-item>
                                                                                </template>
                                                                            </template>
                                                                        </el-submenu>
                                                                    </template>
                                                                </el-submenu>
                                                            </template>
                                                        </el-submenu>
                                                    </template>
                                                </el-submenu>
                                            </template>
                                        </el-submenu>
                                    </template>
                                </el-submenu>
                            </template>
                        </el-submenu>


                        <!--<el-submenu index="8888" class="rule-height" v-if="menu.id==13&&menu.show">-->
                            <!--<template slot="title">-->
                                <!--<i class="el-icon-tickets"></i>-->
                                <!--<span>{{menu.label}}</span>-->
                            <!--</template>-->
                            <!--<template v-for="regMenu in deptTrees">-->
                                <!--<template v-if="!regMenu.children">-->
                                    <!--<a :href="'/regulation/detaildept/'+regMenu.oldId"  v-if="regMenu.type==1">-->
                                        <!--<el-menu-item :index="'8888-'+regMenu.oldId" >-->
                                            <!--<i :class="regMenu.icon"></i>{{regMenu.name}}-->
                                        <!--</el-menu-item>-->
                                    <!--</a>-->
                                    <!--<el-menu-item :index="'8888-'+regMenu.oldId"  v-if="regMenu.type==0" >-->
                                        <!--<i class="el-icon-message"></i>{{regMenu.name}}-->
                                    <!--</el-menu-item>-->
                                <!--</template>-->
                                <!--<template v-if="regMenu.children ==null">-->
                                    <!--<el-menu-item :index="'8888-'+regMenu.oldId"  >-->
                                        <!--<i class="el-icon-message"></i>{{regMenu.name}}-->
                                    <!--</el-menu-item>-->
                                <!--</template>-->

                                <!--<el-submenu :index="'8888-'+regMenu.oldId" v-if="regMenu.children"  class="rule-height">-->
                                    <!--<template slot="title"><i class="el-icon-message"></i>{{regMenu.name}}</template>-->
                                    <!--<template v-for="subMenu in regMenu.children">-->
                                        <!--<template  v-if="!subMenu.children">-->
                                            <!--<a :href="'/regulation/detaildept/'+('8888-'+regMenu.oldId+'-'+subMenu.oldId)+'/'+subMenu.oldId" v-if="subMenu.type==1">-->
                                                <!--<el-menu-item :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId">-->
                                                    <!--<i :class="subMenu.icon"></i>{{subMenu.name}}-->
                                                <!--</el-menu-item>-->
                                            <!--</a>-->
                                            <!--<el-menu-item :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId" v-if="subMenu.type==0">-->
                                                <!--<i class="el-icon-message"></i>{{subMenu.name}}-->
                                            <!--</el-menu-item>-->

                                        <!--</template>-->

                                        <!--<el-submenu v-if="subMenu.children" :index="'8888-'+regMenu.oldId+''+subMenu.oldId">-->
                                            <!--<template slot="title"><i class="el-icon-message"></i>{{subMenu.name}}</template>-->
                                            <!--<template v-for="subMenu2 in subMenu.children">-->
                                                <!--<template  v-if="!subMenu2.children">-->
                                                    <!--<a :href="'/regulation/detaildept/'+('8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId)+'/'+subMenu2.oldId"  v-if="subMenu2.type==1">-->
                                                        <!--<el-menu-item :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId">-->
                                                            <!--<i :class="subMenu2.icon"></i>{{subMenu2.name}}-->
                                                        <!--</el-menu-item>-->
                                                    <!--</a>-->
                                                    <!--<el-menu-item :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId"  v-if="subMenu2.type==0">-->
                                                        <!--<i class="el-icon-message"></i>{{subMenu2.name}}-->
                                                    <!--</el-menu-item>-->
                                                <!--</template>-->

                                                <!--<el-submenu v-if="subMenu2.children"  :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId">-->
                                                    <!--<template slot="title"><i class="el-icon-message"></i>{{subMenu2.name}}</template>-->
                                                    <!--<template v-for="subMenu3 in subMenu2.children">-->
                                                        <!--<template v-if="!subMenu3.children">-->
                                                            <!--<a :href="'/regulation/detaildept/'+('8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId)+'/'+subMenu3.oldId"  v-if="subMenu3.type==1">-->
                                                                <!--<el-menu-item :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId">-->
                                                                    <!--<i :class="subMenu3.icon"></i>{{subMenu3.name}}-->
                                                                <!--</el-menu-item>-->
                                                            <!--</a>-->
                                                            <!--<el-menu-item :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId" v-if="subMenu3.type==0">-->
                                                                <!--<i class="el-icon-message"></i>{{subMenu3.name}}-->
                                                            <!--</el-menu-item>-->
                                                        <!--</template>-->


                                                        <!--<el-submenu v-if="subMenu3.children" :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId">-->
                                                            <!--<template slot="title"><i class="el-icon-message"></i>{{subMenu3.name}}</template>-->
                                                            <!--<template v-for="subMenu4 in subMenu3.children">-->
                                                                <!--<template v-if="!subMenu4.children">-->
                                                                    <!--<a :href="'/regulation/detaildept/'+('8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId+'-'+subMenu4.oldId)+'/'+subMenu4.oldId"  v-if="subMenu4.type==1">-->
                                                                        <!--<el-menu-item :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId+'-'+subMenu4.oldId">-->
                                                                            <!--<i :class="subMenu4.icon"></i>{{subMenu4.name}}-->
                                                                        <!--</el-menu-item>-->
                                                                    <!--</a>-->

                                                                    <!--<el-menu-item :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId+'-'+subMenu4.oldId" v-if="subMenu4.type==0">-->
                                                                        <!--<i class="el-icon-message"></i>{{subMenu4.name}}-->
                                                                    <!--</el-menu-item>-->
                                                                <!--</template>-->

                                                                <!--<el-submenu v-if="subMenu4.children"-->
                                                                            <!--:index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId+'-'+subMenu4.oldId">-->
                                                                    <!--<template slot="title"><i class="el-icon-message"></i>{{subMenu4.name}}</template>-->
                                                                    <!--<template v-for="subMenu5 in subMenu4.children">-->
                                                                        <!--<template  v-if="!subMenu5.children">-->
                                                                            <!--<a :href="'/regulation/detaildept/'+('8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId+'-'+subMenu4.oldId+'-'+subMenu5.oldId)+'/'+subMenu5.oldId" v-if="subMenu5.type==1">-->
                                                                                <!--<el-menu-item :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId+'-'+subMenu4.oldId+'-'+subMenu5.oldId">-->
                                                                                    <!--<i :class="subMenu5.icon"></i>{{subMenu5.name}}-->
                                                                                <!--</el-menu-item>-->
                                                                            <!--</a>-->
                                                                            <!--<el-menu-item :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId+'-'+subMenu4.oldId+'-'+subMenu5.oldId" v-if="subMenu5.type==0">-->
                                                                                <!--<i class="el-icon-message"></i>{{subMenu5.name}}-->
                                                                            <!--</el-menu-item>-->
                                                                        <!--</template>-->
                                                                        <!--<el-submenu v-if="subMenu5.children"-->
                                                                                    <!--:index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId+'-'+subMenu4.oldId+'-'+subMenu5.oldId">-->
                                                                            <!--<template slot="title"><i class="el-icon-message"></i>{{subMenu5.name}}</template>-->
                                                                            <!--<template v-for="subMenu6 in subMenu5.children">-->
                                                                                <!--<template v-if="!subMenu6.children">-->
                                                                                    <!--<a :href="'/regulation/detaildept/'+('8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId+'-'+subMenu4.oldId+'-'+subMenu5.oldId+'-'+subMenu6.oldId)+'/'+subMenu6.oldId" v-if="subMenu6.type==1">-->
                                                                                        <!--<el-menu-item :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId+'-'+subMenu4.oldId+'-'+subMenu5.oldId+'-'+subMenu6.oldId">-->
                                                                                            <!--<i :class="subMenu6.icon"></i>{{subMenu6.name}}-->
                                                                                        <!--</el-menu-item>-->
                                                                                    <!--</a>-->
                                                                                    <!--<el-menu-item :index="'8888-'+regMenu.oldId+'-'+subMenu.oldId+'-'+subMenu2.oldId+'-'+subMenu3.oldId+'-'+subMenu4.oldId+'-'+subMenu5.oldId+'-'+subMenu6.oldId" v-if="subMenu6.type==0">-->
                                                                                        <!--<i class="el-icon-message"></i>{{subMenu6.name}}-->
                                                                                    <!--</el-menu-item>-->
                                                                                <!--</template>-->
                                                                            <!--</template>-->
                                                                        <!--</el-submenu>-->
                                                                    <!--</template>-->
                                                                <!--</el-submenu>-->
                                                            <!--</template>-->
                                                        <!--</el-submenu>-->
                                                    <!--</template>-->
                                                <!--</el-submenu>-->
                                            <!--</template>-->
                                        <!--</el-submenu>-->
                                    <!--</template>-->
                                <!--</el-submenu>-->
                            <!--</template>-->


                        <!--</el-submenu>-->

                        <el-submenu :index="''+menu.id" :title="menu.name" v-if="menu.children&&menu.show" style="border-bottom:0.5px solid #f1eded;">
                            <template slot="title">
                                <i :class="menu.icon"></i>
                                <span>{{menu.name}}</span>
                            </template>
                            <template v-for="subMenu in menu.children" v-if="subMenu.show">
                                <a :href="subMenu.url">
                                    <el-menu-item :index="menu.id+'-'+subMenu.id">
                                        {{subMenu.name}}
                                    </el-menu-item>
                                </a>
                            </template>
                        </el-submenu>
                    </template>


                </el-menu>
            </el-aside>

            <el-main class="wrapper-content" id="main">
                <div class="content-breadcrumb">
                    <el-breadcrumb separator=" ">
                        <el-breadcrumb-item>
                            <el-button size="small" style="border:0;color: #409EFF;background-color: #ecf5ff;" :icon="isCollapse?'el-icon-d-arrow-right':'el-icon-d-arrow-left'" @click="toggleMenu"></el-button>
                        </el-breadcrumb-item>
                        <el-breadcrumb-item th:text="${pageTitle}"></el-breadcrumb-item>
                    </el-breadcrumb>
                </div>
                <div class="content-wrapper" id="contentWrapper">
                    <th:block layout:fragment="content"></th:block>

                </div>
                <!--<div style="position: absolute;bottom: 0px;text-align:center">Copyright ©2018 规章制度管理系统</div>-->
                <!--<el-footer class="footer" id="footer">Copyright ©2018 华钦集团制度流程管理系统</el-footer>-->
            </el-main>
        </el-container>
    </el-container>
    <el-dialog title="设置菜单宽度" :visible.sync="siderWidthDialog" width="300px" class="sider-width-dialog">
        <span><el-input-number v-model="siderbarWidth" @change="changeSiderWidth" :min="5" :max="30" label="描述文字"></el-input-number></span>
    </el-dialog>
</el-container>
<!-- 先引入 Vue -->
<script th:src="@{/node_modules/vue/dist/vue.min.js}"></script>
<!-- 引入组件库 -->
<script th:src="@{/node_modules/element-ui/lib/index.js}"></script>
<script th:src="@{/node_modules/jquery/dist/jquery.min.js}"></script>

<script>
    function changeFooterHeight() {
        // var mainHeight = document.getElementById('main').offsetHeight;
        // var contentHeight = document.getElementById('contentWrapper').offsetHeight;
        // var footerHeight = document.getElementById('footer').offsetHeight;
        // if (mainHeight > contentHeight + footerHeight + 20) {
        //     $('.footer').css('position', 'absolute');
        // } else {
        //     $('.footer').css('position', 'relative');
        // }
    }
    function changeSiderWidth($this,value){
        window.localStorage.setItem('siderbarWidth',value);
    }
    //用于加载本地数据
    function initCssProperty($this,width){
        // 设置本地菜单宽度
        var localWidth = window.localStorage.getItem('siderbarWidth');
        if(localWidth){
            $this.siderbarWidth = localWidth;
        }

        //设置菜单是否合起来
        var isCollapse = window.localStorage.getItem('isCollapse');
        if(isCollapse!=undefined&&isCollapse!=''){
            $this.isCollapse = (isCollapse=='true');

        }

    }

    function commonInitMenu($this, flag) {
        var type = 1;
        var curUrl = window.location.href;
        var strs = curUrl.split("/");
        var url = window.location.pathname;

        var data = {
            type: 1,
            url: url
        };
        if (curUrl.indexOf("/regulation/showregulation") >= 0 || curUrl.indexOf("/regulation/editregulation") >= 0) {

            var id = strs[strs.length - 1];
            data = {
                type: 2,
                url: id
            }
        }

        $.ajax({
            cache: true,
            url: '/resource/all?newDate=' + Math.random(),
            type: 'GET',
            data: data,
            dataType: 'json',
            contentType: 'application/json',
            async: true,
            success: function (data) {
                if (data.status == 1) {
                    if (data.value.menus) {
                        $this.menus = data.value.menus;
                    }
                    $this.defaultIndex = data.value.defaultIndex;
                    $this.regulationMenus = data.value.regulationMenus;
                    $this.deptTrees = data.value.deptTrees;

                    if (flag == 1) {
                        var allMenu = [{
                            id: 0,
                            name: '根目录',
                            label: '根目录',
                            disabled: false,
                            children: data.value.menus,
                        }];
                        $this.allMenus = allMenu;

                    }
                    if($('.siderbar [tabindex="-1"].is-active').offset()){
                        $('.siderbar').animate({
                            scrollTop: $('.siderbar [tabindex="-1"].is-active').offset().top
                        }, 1);

                    }
                }
                // return data;
            }
        });
    }


</script>
<th:block layout:fragment="javascript"></th:block>
</body>
</html>